<template>
	<view class="all">
		<!-- <uniSteps :options='stepslist' /> -->
		<view class="carp" v-for="(item,index) in stepslist">
			<image src="@/static/images/hq.png" />
			<text class="text_1">{{item.text1}}</text>
			<view class="carp_12">
				<view class="carp_12_1" v-for="(items,index) in item.children">
					<text>{{items.name}}</text>
					<text>{{items.text}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import uniSteps from '@/components/wangxiaohua--steps/index.vue'
	export default {
		components: {
			uniSteps
		},
		data() {
			return {
				stepslist: [{
					text1: "今天",
					text2: "工单产生1",
					children: [{
							name: '15:19读了',
							text: '模块引论：分化，有非凡的意义'
						},
						{
							name: '15:19读了',
							text: '比例偏见：贵和便宜，是相对的'
						},
						{
							name: '15:19读了',
							text: '模块引论：分化，有非凡的意义'
						},
						{
							name: '15:19读了',
							text: '比例偏见：贵和便宜，是相对的'
						},
						{
							name: '15:19读了',
							text: '比例偏见：贵和便宜，是相对的'
						},
						{
							name: '15:19读了',
							text: '比例偏见：贵和便宜，是相对的'
						},
						{
							name: '15:19读了',
							text: '比例偏见：贵和便宜，是相对的'
						},

						{
							name: '15:19读了',
							text: '比例偏见：贵和便宜，是相对的'
						}
					],
				}, {
					text1: "11月16日",
					text2: "工单产生2",
					children: [{
							name: '15:19读了',
							text: '比例偏见：贵和便宜，是相对的'
						},
						{
							name: '15:19读了',
							text: '比例偏见：贵和便宜，是相对的'
						},
						{
							name: '15:19读了',
							text: '比例偏见：贵和便宜，是相对的'
						},
						{
							name: '15:19读了',
							text: '比例偏见：贵和便宜，是相对的'
						}
					],
				}]
			};
		}
	}
</script>

<style lang="scss">
	.all {
		min-height: 1300rpx;
		background-color: #F6F6F6;
		padding-top: 50rpx;
		padding-left: 30rpx;
	}

	.carp {
		border-left: 1rpx dotted black;
		padding: 0 0 0 30rpx;
		min-height: 500rpx;
		width: 95%;
		margin: auto;
		position: relative;
		padding-top: 50rpx;
		padding-bottom: 30rpx;

		.carp_12 {
			padding: 30rpx;
			background-color: white;
			position: relative;
			// top: 40rpx;
			border-radius: 8rpx;

			.carp_12_1 {
				margin-bottom: 30rpx;
				text:nth-of-type(1) {
					display: block;
					font-size: 24rpx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #7B7B7B;
					opacity: 1;
				}

				text:nth-of-type(2) {
					margin-top: 10rpx;
					font-weight: 500;
					display: block;
					font-size: 30rpx;
					font-family: Source Han Sans CN;
					color: #141414;
					opacity: 1;
				}
			}

		}

		.text_1 {
			position: absolute;
			top: -20rpx;
			font-size: 34rpx;
			font-family: Source Han Sans CN;
			font-weight: bold;
			color: #141414;

			opacity: 1;
		}

		image {
			width: 30rpx;
			height: 30rpx;
			position: absolute;
			top: -10rpx;
			left: -16rpx;
		}
	}
</style>
